当社のコンテンツ提供に新たに加わったのは、Nationale Databank Wegverkeersgegevens (NDW) のインシデント情報であり、これは参加する道路管理者のための共同イニシアチブです。NDWでは交通に関するさまざまなデータが管理されています。このサービスには、オランダの道路上のインシデントの場所と種類に関する情報が含まれています。例えば、事故、故障車両、衝突、および回収作業などのさまざまな障害が含まれます。データは2つのフィーチャーサービスを通じて提供しています。1つは最新のインシデント<\/A>、もう1つは2019年5月末からの過去のインシデント<\/A>のアーカイブです。両方のサービスはほぼリアルタイムで、データは毎分更新されます。フィーチャーサービスの利点は、ArcGIS ProやArcGIS Onlineで直接分析が可能であり、データをローカルに取得する必要がないことです。これらのサービスはウェブマップ<\/A>で閲覧でき、完全にフォーマットされたポップアップを含んでいます。ウェブマップに加えて、ダッシュボード<\/A>も提供しており、ここではデータをさまざまな方法で表示できます。例えば、時間経過によるタイプ別インシデント数を見ることが可能です。<\/P> <\/P>このブログはMaud Soetens<\/A>とJeske van der Velden<\/A>によって書かれており、両者ともEsri Nederlandのコンテンツチームで活動しています。<\/EM><\/P> <\/P>新しいウェブマップとダッシュボードを作成する際には、ArcGISプラットフォームの新機能であるベースマップのスタイリングやスクリプト言語Arcadeを活用しました。この新しいNDWアイテムがどのように作成されたかを皆様と共有したいと思います。<\/P> <\/P>ウェブマップの設計<\/STRONG><\/P> <\/P>2つのサービスを公開した後、ウェブマップ<\/A>の作業に取り掛かりました。<\/P><\/P><\/P>まず最初に重要なのはターゲットユーザーとウェブマップの目的を明確にすることです。ターゲットユーザーは住民からアナリストまであらゆる興味を持つ人々です。そのためウェブマップは見やすくあることが重要です。ウェブマップの目的は、一目で現在国内の道路上でどんなインシデントが起きているかを明確に示すことです。そのためにデータを視覚化するためのシンボルを作成しました。インシデントタイプごとに異なるシンボルを設計することで、事故や故障車両など異なるインシデントを簡単に区別できます。最新サービスはこれらのシンボルで表示されますが、過去データはfireflyシンボルで表現しています。この選択は地図をより読みやすく保つためです。Fireflyは良い解決策でした。他にもfireflyによる視覚化オプションについてはこのページ<\/A>をご覧ください。<\/P> <\/P>ユニークなベースマップのスタイリング<\/STRONG><\/P> <\/P>ウェブマップ作成の第2ステップはベースマップ設計です。このベースマップは当社コンテンツ提供内の標準ベースマップとは異なります。それはArcGIS Onlineに組み込まれた新しいVector Style Editorでカスタマイズされたためです。この機能によりMap Viewer内で直接ベースマップをスタイリングできます。ベクトルベースマップのみ編集可能であり、それらはベクトルから構成されているため地図スタイルを自由に調整できます。ベースマップ上でシンボロジーアイコンをクリックすると編集可能です:<\/P><\/P>編集開始にはまずスタイルを保存する必要があります。 <\/P><\/P>データがより際立つように道路だけを強調し、それ以外は落ち着いた背景としました。これにより注目が道路だけに集まり、道路上インシデント視覚化に適しています。ベースマップ各要素には独自色やスケールレベル、不透明度設定などがあります。道路が際立つよう落ち着いた背景が必要でしたのでTopo RD Vector Lichtgrijsが適していました。地域道、高速道、自動車専用道それぞれ色を変更しました。これはベースマップ内該当データ(infrastructuur > wegdeel lijn)へ行き、道路タイプごとに色選択して行いました。<\/P><\/P> <\/P>ローカル道路は地図が混雑しすぎないようグレーとしました。またサービスにはA, N, E道路のみインシデント情報が含まれるためローカル道路強調は不要でした。さらに地域道には異なる線幅を設定し地図全体がさらに落ち着いた印象となりました。このように多彩なカスタマイズが可能です!Vector Styleベースマップでは創造性を発揮できる無限の方法があります。この件について詳しくはこちらブログ<\/_SPAN>をご覧ください。<\/_P><\/_p>
<\/P>
このブログは
新しいウェブマップとダッシュボードを作成する際には、ArcGISプラットフォームの新機能であるベースマップのスタイリングやスクリプト言語Arcadeを活用しました。この新しいNDWアイテムがどのように作成されたかを皆様と共有したいと思います。<\/P>
ウェブマップの設計<\/STRONG><\/P> <\/P>2つのサービスを公開した後、
まず最初に重要なのはターゲットユーザーとウェブマップの目的を明確にすることです。ターゲットユーザーは住民からアナリストまであらゆる興味を持つ人々です。そのためウェブマップは見やすくあることが重要です。ウェブマップの目的は、一目で現在国内の道路上でどんなインシデントが起きているかを明確に示すことです。そのためにデータを視覚化するためのシンボルを作成しました。インシデントタイプごとに異なるシンボルを設計することで、事故や故障車両など異なるインシデントを簡単に区別できます。最新サービスはこれらのシンボルで表示されますが、過去データはfireflyシンボルで表現しています。この選択は地図をより読みやすく保つためです。Fireflyは良い解決策でした。他にもfireflyによる視覚化オプションについてはこの
ユニークなベースマップのスタイリング<\/STRONG><\/P> <\/P>ウェブマップ作成の第2ステップはベースマップ設計です。このベースマップは当社コンテンツ提供内の標準ベースマップとは異なります。それはArcGIS Onlineに組み込まれた新しいVector Style Editorでカスタマイズされたためです。この機能によりMap Viewer内で直接ベースマップをスタイリングできます。ベクトルベースマップのみ編集可能であり、それらはベクトルから構成されているため地図スタイルを自由に調整できます。ベースマップ上でシンボロジーアイコンをクリックすると編集可能です:<\/P><\/P>編集開始にはまずスタイルを保存する必要があります。 <\/P><\/P>データがより際立つように道路だけを強調し、それ以外は落ち着いた背景としました。これにより注目が道路だけに集まり、道路上インシデント視覚化に適しています。ベースマップ各要素には独自色やスケールレベル、不透明度設定などがあります。道路が際立つよう落ち着いた背景が必要でしたのでTopo RD Vector Lichtgrijsが適していました。地域道、高速道、自動車専用道それぞれ色を変更しました。これはベースマップ内該当データ(infrastructuur > wegdeel lijn)へ行き、道路タイプごとに色選択して行いました。<\/P><\/P> <\/P>ローカル道路は地図が混雑しすぎないようグレーとしました。またサービスにはA, N, E道路のみインシデント情報が含まれるためローカル道路強調は不要でした。さらに地域道には異なる線幅を設定し地図全体がさらに落ち着いた印象となりました。このように多彩なカスタマイズが可能です!Vector Styleベースマップでは創造性を発揮できる無限の方法があります。この件について詳しくはこちら
Arcadeによるポップアップ作成
Arcade はポップアップ作成に強力な手段です。当社同僚Ellen van den Berg は Hectometerpunten ポップアップ活性化に Arcade を使用し、このウェブマップ内ポップアップにも Arcade を利用しました。本サービス向けNDWインシデントポップアップ設計方法をご説明します。
まずポップアップ外観設計案を作成しました。背景を道路として表現し走行車線上に情報配置するアイディアでした。ポップアップ設定では A custom attribute display を選択し、その後HTMLモードへ切り替えました。HTMLでテーブルを作成し色・幅・高さ調整して道路形状を表現しました。
ポップアップ過密防止として3項目情報:事故種類・日時・場所 に絞りました。左車線にはシンボル表示、右車線にはテキスト情報表示としました。
事故種類属性は既存データセット内英語表記でしたが Arcade でオランダ語へ変換しました。そのためポップアップ画面で新規式(expression)作成し単純な else – if 構造を使いました。
If ($feature.recordSubtype == brokenDownVehicle) return Defect voertuig は実質的に「もし feature の recordSubtype 属性が brokenDownVehicle なら Defect voertuig を返す」という意味です。同様手法で全属性オランダ語訳しました。この結果はドメイン設定でも得られます。
表示したいアイコンは事故種類ごとに異なります。横転トラック用アイコンと衝突用アイコンなど別々です。まず全アイコン画像を ArcGIS Online にアップロードしました。「Content」から「Voeg Item Toe」>「Van Mijn Computer」を選択します。ただし画像は公開共有されている必要があります。各アイコンには固有URLがあり、Itemページ右下で確認可能です。このURL利用し先述コード類似式を書きました。ただし結果は翻訳ではなく事故種類対応画像表示となります。
これで2つのArcade式ができました。ポップアップでは、そのような式の結果を {expression\/expr<\/SPAN>[番号]}<\/SPAN> で呼び出すことができます。ここで私たちに残された唯一の作業は、これをHTMLコードの適切なフィールドに貼り付けることでした。その結果、ポップアップの最初の行が完成しました:<\/P><\/P><\/P><\/P>2行目の日付と時間は実装がより簡単でした。そのアイコンは属性に関係なく同じままの時計です。このアイコンもArcGIS Onlineにアップロードしましたが、Arcade式を使う代わりに、このリンクを直接HTMLコードの適切なフィールドで使用できました。<\/P> <\/P>日付と時間はすでにデータセットの属性として含まれていました。そのため、HTMLコードでは recordCreationTime<\/EM> という属性を参照するだけでよく、 {recordCreationTime}<\/SPAN> を使いました。<\/P> <\/P>これでポップアップの2行目も完成しました。<\/P> <\/P>位置情報のアイコンも時計と同様に機能しました:これも標準アイコンでArcGIS Onlineにアップロードされており、HTMLコードで直接参照されています。<\/P> <\/P>最大の課題は位置情報の表示でした。NDWデータセットには座標以外の位置情報が含まれていないため、この情報は別のデータセットから取得する必要がありました。そのため、NWB道路区間をウェブマップに追加しました。これは道路名とその区間が属する自治体名を含む線データです。事故の位置を道路区間に関連付けて、道路名と自治体名を抽出したかったのです。ArcMapやArcGIS Proのジオプロセシングツールと同様に、ArcadeでもIntersection <\/A>を実行できます。ただし、ArcadeでIntersectを行うにはポリゴンレイヤーが必要ですが、私たちは線データ(NWB)と点データ(インシデント)を持っていました。幸いにもバッファ処理で簡単に解決できました。Arcadeでもbuffering<\/A>が可能で、新しいデータセットをジオプロセシングツールで作成する必要はありません。まずインシデント周囲にバッファを作成し、その後NWB道路区間とのIntersectを実行しました。重複が確認された道路区間からは道路名(STT_NAAM)と自治体名(GME_NAAM)が返されました。この結果は再びHTMLコードに適用されました。使用したArcade式は以下の通りです:<\/P> <\/P>var buff = Buffer($feature,1,'meter')<\/SPAN><\/P>var intersectLayer = Intersects(FeatureSetByName($map,"NWB - wegvakken"), buff)<\/SPAN><\/P> <\/SPAN><\/P>for (var f in intersectLayer){<\/SPAN><\/P> return f.STT_NAAM + ", " + f.GME_NAAM<\/SPAN><\/P>}<\/SPAN><\/P><\/P>そしてこれがポップアップの最終結果です:<\/P> <\/P><\/P>ウェブマップが完成したので、これをダッシュボードの基盤として使用できます。<\/P> <\/P>NDWダッシュボード<\/STRONG><\/P> <\/P>データを効果的に活用し、多くの情報を伝えるためにダッシュボード<\/A>を作成しました。<\/P> <\/P><\/P><\/P>これはOperations Dashboard for ArcGIS<\/A>で作成されました。Operations Dashboardはインタラクティブなダッシュボード機能を備えた設定可能なウェブアプリケーションです。私たちはいくつかの異なる機能、具体的には indicator、 list、および serial chart を使用しました。<\/P>
var buff = Buffer($feature,1,'meter')<\/SPAN><\/P>var intersectLayer = Intersects(FeatureSetByName($map,"NWB - wegvakken"), buff)<\/SPAN><\/P> <\/SPAN><\/P>for (var f in intersectLayer){<\/SPAN><\/P> return f.STT_NAAM + ", " + f.GME_NAAM<\/SPAN><\/P>}<\/SPAN><\/P><\/P>そしてこれがポップアップの最終結果です:<\/P> <\/P><\/P>ウェブマップが完成したので、これをダッシュボードの基盤として使用できます。<\/P> <\/P>NDWダッシュボード<\/STRONG><\/P> <\/P>データを効果的に活用し、多くの情報を伝えるために
これは
<\/>\n
機能と地図は連携しており、地図のズームイン・ズームアウト時にはその範囲内のデータのみが表示されます。これはOperations Dashboardの素晴らしい特徴の一つです。 indicator-機能は数値(指標)を表示します。またダッシュボード作成時には目的を常に念頭に置くことが重要です。右側の数値付き indicator は読者の注意を最初に引くためであり、数秒で道路状況が把握できるようになっています。その後、より多くの情報提供方法について考えました。それには特定タイプのインシデントを表示するため serial chart 機能を使いました。またダッシュボードからどのインシデントが最新か分からないことに気づき、それを示すために list 機能が良い選択肢となりました。この list により最新インシデントが一覧化され、地図とのリンクによって選択も可能です。ご自身の組織でOperations Dashboard for ArcGISをご利用になりたい方は、このギャラリー<\/> をご覧ください、多数の例があります。
これらの例がお役に立ち、ArcGIS内で既に用意しているデータセットを使ってご自身でも取り組んでみようという刺激になれば幸いです。また、この例で用いた技術を基に、ご自身のデータから類似した情報製品を作成できるかもしれません。ご質問や例などございましたらcontent@esri.nlまでお気軽にお問い合わせください。
サインインしたメンバーは投稿、更新のフォローなどができます。初めてですか?無料アカウントを登録してください。
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.